<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta name="applicable-device" content="pc,wap">
    <meta name="MobileOptimized" content="width" />
    <meta name="HandheldFriendly" content="true" />
    <title>{$nav.typename}_{:sys_config('WEB_SITE_NAME')}</title>
    <meta name="keywords" content="{$nav.keywords|default=sys_config('WEB_SITE_KEYWORDS')}" />
    <meta name="description" content="{$nav.description|default=sys_config('WEB_SITE_DESCRIPTION')}" />
    <script type="text/javascript" src="__STATIC__/addons/cms/template/cloudcms/static/js/jquery-1.12.4.min.js"></script>
    <link rel="stylesheet" href="__STATIC__/addons/cms/template/cloudcms/static/css/cloud.css">
    <link rel="stylesheet" href="__STATIC__/addons/cms/template/cloudcms/static/css/swiper.min.css">
    <link rel="stylesheet" href="__STATIC__/addons/cms/template/cloudcms/static/css/swiper.animate.min.css">
    <script type="text/javascript" src="__STATIC__/addons/cms/template/cloudcms/static/js/cloud.js"></script>
    <script type="text/javascript" src="__STATIC__/addons/cms/template/cloudcms/static/js/Superslide.js"></script>
    <script type="text/javascript" src="__STATIC__/addons/cms/template/cloudcms/static/js/swiper.min.js"></script>
    <script type="text/javascript" src="__STATIC__/addons/cms/template/cloudcms/static/js/wow.min.js"></script>
</head>
<body>
    {include file="cloudcms/z-head"}
    <div class="yunu_page_banner clearfix" style="background: url(https://fakeimg.pl/1496x316) no-repeat top;">
        <div class="center">
            <div class="box clearfix">
                <div class="text">
                    <span>{:get_nav(get_curr_nav_id(),'typename')}</span>
                </div>
            </div>
        </div>
    </div>
    <div class="main">
        <div class="newlist_box clearfix">
            <div class="center">
                <div class="box clearfix">
                    <div class="new_mneu clearfix">
                        <div class="n_fl">
                            {volist name=":tag_nav($typeid=get_top_nav_id(),$type='son',$thisclass='ont')" id="vo"}
                            <a href="{$vo.typeurl}" class="{$vo.thisclass}" target="{$vo.target}" rel="{$vo.rel}">{$vo.typename}</a>
                            {/volist}
                        </div>
                        <div class="n_fr">
                            <form method="get" action="{:jump_by_lang('','search')}">
                                <input type="hidden" name="id" value="{:get_curr_nav_name()}">
                                <select class="select" name="type" style="height: 50px;width: 60px;">
                                    <option value="article">新闻</option>
                                    <option value="product">产品</option>
                                </select>
                                <input class="inp1" type="text" name="keywords" value="{:input('keywords')}" placeholder="请输入搜索关键词...">
                                <input class="inp2" type="submit" value="">
                            </form>
                        </div>
                    </div>
                    <div class="art3_list clearfix">
                        <ul>
                            {volist name="docList" id="vo"}
                            <li class="wow fadeInUp">
                                <div class="text">
                                    <a href="{$vo.arturl}" target="{$vo.target}" rel="{$vo.rel}">{$vo.title}</a>
                                    <p>{$vo.description|cut_str=###,60}</p>
                                    <i>标签：{$vo.tags}</i>
                                </div>
                                <div class="li_time">
                                    <span>{$vo.create_time|date="d"}</span>
                                    <p>{$vo.create_time|date="Y-m"}</p>
                                    <a href="{$vo.arturl}" target="{$vo.target}" rel="{$vo.rel}">
                                        <img src="__STATIC__/addons/cms/template/cloudcms/static/img/nanri.png" />
                                    </a>
                                </div>
                            </li>
                            {/volist}
                        </ul>
                    </div>
                    <div class="pages">
                        <style type="text/css">
                            .pagination p {
                                margin: 0;
                                cursor: pointer
                            }
                            .pagination {
                                height: 40px;
                                padding: 20px 0px;
                            }
                            .pagination a {
                                display: block;
                                float: left;
                                margin-right: 10px;
                                padding: 2px 12px;
                                height: 24px;
                                border: 1px #cccccc solid;
                                background: #fff;
                                text-decoration: none;
                                color: #808080;
                                font-size: 12px;
                                line-height: 24px;
                            }
                            .pagination a:hover {
                                color: #077ee3;
                                background: white;
                                border: 1px #077ee3 solid;
                            }
                            .pagination a.cur {
                                border: none;
                                background: #077ee3;
                                color: #fff;
                            }
                            .pagination p {
                                float: left;
                                padding: 2px 12px;
                                font-size: 12px;
                                height: 24px;
                                line-height: 24px;
                                color: #bbb;
                                border: 1px #ccc solid;
                                background: #fcfcfc;
                                margin-right: 8px;
                            }
                            .pagination p.pageRemark {
                                border-style: none;
                                background: none;
                                margin-right: 0px;
                                padding: 4px 0px;
                                color: #666;
                            }
                            .pagination p.pageRemark b {
                                color: red;
                            }
                            .pagination p.pageEllipsis {
                                border-style: none;
                                background: none;
                                padding: 4px 0px;
                                color: #808080;
                            }
                            .dates li {
                                font-size: 14px;
                                margin: 20px 0
                            }
                            .dates li span {
                                float: right
                            }
                        </style>
                        <div class="pagination">
                            {$docList|raw}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {include file="cloudcms/z-footer"}
</body>
</html>